<template>
  <div class="container clearfix">
    <!-- 新增试题按钮 -->
    <el-row class="ann after">
      <el-button type="success" class="el-icon-edit" @click="$router.push('/questions/new')"> 新增试题</el-button>
    </el-row>
    <!-- 新增试题按钮 -->
    <!-- 表单区域 -->
    <Form></Form>
    <!-- 表单区域 -->
  </div>
</template>

<script>
// 引入表单组件
import Form from './components/Form'
export default {
  components: {
    Form
  }
}

</script>

<style scoped lang='less'>
/* 清除浮动 */
.clearfix:after {
  visibility: hidden;
  clear: both;
  display: block;
  content: ".";
  height: 0;
}
.clearfix {
  *zoom: 1;
}
// 背景色
.container {
  background-color: #fff;
  margin: 5px;
}
// 按钮样式
.ann {
  margin: 13px;
  float: right;
}
</style>
